<template>
	<uv-empty 
	:mode="mode"
	:icon="currentIcon"
	:text="text"
	:textColor="textColor"
	:width="width"
	:height="height"
	:marginTop="marginTop"
	:show="show"
	></uv-empty>
</template>

<script setup>
	import sheep from "@/sheep"
 	const props = defineProps({
		// 内置图标名称，或图片路径，建议绝对路径
			icon: {
				type: String,
				default: 'data'
			},
			isIn:{
				type:Boolean,
				default:false
			},
			// 提示文字
			text: {
				type: String,
				default: 'No Data'
			},
			// 文字颜色
			textColor: {
				type: String,
				default: '#9ca3af'
			},
			// 文字大小
			textSize: {
				type: [String, Number],
				default: '28rpx'
			},
			// 图标的颜色
			iconColor: {
				type: String,
				default: '#c0c4cc'
			},
			// 图标的大小
			iconSize: {
				type: [String, Number],
				default: 90
			},
			// 选择预置的图标类型
			mode: {
				type: String,
				default: 'data'
			},
			//  图标宽度，单位px
			width: {
				type: [String, Number],
				default: 240
			},
			// 图标高度，单位px
			height: {
				type: [String, Number],
				default: 50
			},
			// 是否显示组件
			show: {
				type: Boolean,
				default: true
			},
			// 组件距离上一个元素之间的距离，默认px单位
			marginTop: {
				type: [String, Number],
				default: '0'
			},
			...uni.$uv?.props?.empty
	})
	const currentIcon = computed(() => {
		 if(props.isIn) return ''
		 return `${sheep.$config.staticUrl}/static/bg/empty-${props.icon}.png`
	})
</script>

<style>

</style>